﻿@using ZhongKeSite.Entity;
@{ 
    Company company =  ViewBag.CompanyInfo;
    string path = this.Context.Request.Path.Value.ToLower();
}
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <title>@ViewBag.Title- @company.CompanyName</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="manifest" href="~/portal/site.webmanifest">
    <link rel="apple-touch-icon" href="icon.png">
    <!-- Place favicon.ico in the root directory-->
    <meta name="theme-color" content="#fafafa">
    <link href="~/portal/fonts/iconfont.css" rel="stylesheet">
    <link href="~/portal/js/vendor/wow/css/libs/animate.css" rel="stylesheet">
    <link href="~/portal/js/vendor/swiper/css/swiper.min.css" rel="stylesheet">
    <link href="~/portal/js/vendor/share/css/share.min.css" rel="stylesheet">
    <link href="~/portal/css/styles.min.css" rel="stylesheet">
    <script src="~/portal/js/vendor/wow/dist/wow.min.js"></script>
    <script>
        new WOW().init();
    </script>
</head>
<body>
    <header class="site-header" id="site-header">
        <div class="topcol">
            <div class="container">
                <div class="row">
                    <div class="col-lg">
                        <div class="social">
                            <a href="https://www.zhihu.com/org/zhong-ke-san-an-sananbio-50"> <i class="iconfont iconzhihu"></i></a>
                            <a href="https://weibo.com/p/1006067214397460/home?from=page_100606&amp;mod=TAB#place"> <i class="iconfont iconweibo"></i></a>
                            <a href="https://www.toutiao.com/c/user/1297018560458795/#mid=1637912158062603"> <i class="iconfont icontoutiao"></i></a>
                            <a class="wechat" href="#">
                                <i class="iconfont iconweixin"></i>
                                <div class="qr"><img src="~/portal/img/qrcode.jpg" alt=""></div>
                            </a>
                            <a href="https://space.bilibili.com/535043137?from=search&amp;seid=3469803243368560150"> <i class="iconfont iconbilibili"></i></a>
                            <a href="http://i.youku.com/u/UNzc3NjQzODEyOA==?spm=a2h0c.8166622.PhoneSokuUgc_3.3"> <i class="iconfont iconyouku"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-auto email"><i class="iconfont iconyouxiang"></i>@company.ServiceEmail</div>
                    <div class="col-lg-auto phone"><i class="iconfont icondianhua"></i>@company.ContactPhone</div>
                </div>
            </div>
        </div>
        <div class="container c1">
            <div class="row">
                <div class="col"><a class="logo" href="/">    <img src="~/portal/img/logo.png" alt="logo"></a></div>
                <div class="col-auto">
                    <ul class="mainav2">
                        @foreach (Menu item in ViewBag.MenuTopRight)
                        {
                            <li><a href="@item.Link">@item.Title</a></li>
                        }
                    </ul>
                </div>
            </div>
        </div>
        <div class="container c2">
            <div class="row align-items-center">
                <div class="col-auto minlogo">
                    <a class="logo" href="/">
                        <img src="~/portal/img/logo_min.png" alt="logo">
                    </a>
                </div>
                <div class="col mainav-container">
                    <ul class="mainav">
                        @foreach (Menu item in ViewBag.MenuTopLeft)
                        {
                            if (item.Link == "/hardware")
                            {
                                <li class="hasnav" data-id="subnav1">
                                    <a href="@item.Link" class="@(item.Link==path?"active":"")">@item.Title</a>
                                    @Html.Raw(item.Remark)
                                </li>
                            }
                            else if (item.Link == "/solution")
                            {
                                <li class="hasnav" data-id="subnav2">
                                    <a href="@item.Link" class="@(item.Link==path?"active":"")">@item.Title</a>
                                    @Html.Raw(item.Remark)
                                </li>
                            }
                            else
                            {
                                <li><a href="@item.Link" class="@(item.Link==path?"active":"")">@item.Title</a></li>
                            }
                        }
                    </ul>
                </div>
                <div class="col-auto">
                    <div class="row align-items-center justify-content-end">
                        <div class="col-auto store"><a class="story" href="#">STORE</a></div>
                        <div class="col-auto lang">
                            <div class="current">
                                中文 <i class="iconfont icondown"></i>
                                <ul>
                                    <li><a href="#">中文</a></li>
                                    <li><a href="#">English</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-auto mobilemenu">
                            <div class="menu-toggle">
                                <div class="one"></div>
                                <div class="two"></div>
                                <div class="three">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="menu-over" id="overmenu">
                <ul class="mobilenav">
                    @foreach (Menu item in ViewBag.MenuTopLeft)
                    {
                        <li><a href="@item.Link" class="@(item.Link==path?"active":"")">@item.Title</a></li>
                    }
                </ul>
            </div>
        </div>
    </header>
    @RenderBody()
    <footer class="site-footer" id="pagefooter">
        <div class="bottop">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-auto"><img src="~/portal/img/logo_bot.png" alt="logo"></div>
                    <div class="col-md">
                        <ul class="botnav">
                            @foreach (Menu item in ViewBag.MenuBottom)
                            {
                                <li><a href="@item.Link">@item.Title</a></li>
                            }
                        </ul>
                    </div>
                    <div class="col-lg-auto">
                        <div class="social">
                            <a href="https://www.zhihu.com/org/zhong-ke-san-an-sananbio-50"> <i class="iconfont iconzhihu"></i></a>
                            <a href="https://weibo.com/p/1006067214397460/home?from=page_100606&amp;mod=TAB#place"> <i class="iconfont iconweibo"></i></a>
                            <a href="https://www.toutiao.com/c/user/1297018560458795/#mid=1637912158062603"> <i class="iconfont icontoutiao"></i></a>
                            <a class="wechat" href="#">
                                <i class="iconfont iconweixin"></i>
                                @*<div class="qr"><img src="~/portal/img/qrcode.jpg" alt=""></div>*@
                            </a>
                            <a href="https://space.bilibili.com/535043137?from=search&amp;seid=3469803243368560150"> <i class="iconfont iconbilibili"></i></a>
                            <a href="http://i.youku.com/u/UNzc3NjQzODEyOA==?spm=a2h0c.8166622.PhoneSokuUgc_3.3"> <i class="iconfont iconyouku"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container bot">
            <div class="row">
                <div class="col-md">
                    <div class="copyright">Copyright &copy; @DateTime.Now.Year SANANBIO All Rights Reserved.<span class="beian"><a href="//beian.miit.gov.cn/">@company.WebNumber</a></span></div>
                    <div class="exp">Feedback on web experience</div>
                </div>
                <div class="col-md-auto">
                    <div class="current">
                        中文 <i class="iconfont icondown"></i>
                        <ul>
                            <li><a href="#">中文</a></li>
                            <li><a href="#">English</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <a class="toTop" id="toTop" href="javascript:void(0);"><img src="/portal/img/top.png" alt=""></a>
    <script src="~/portal/js/vendor/modernizr-3.8.0.min.js"></script>
    <script src="~/portal/js/vendor/jquery-3.4.1.min.js"></script>
    <script src="~/portal/js/vendor/jquery.easing.min.js"></script>
    <script src="~/portal/js/bootstrap/bootstrap.min.js"></script>
    <script src="~/portal/js/app.js"></script>
    @RenderSection("Scripts", required: false)
</body>
</html>
